<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <!-- 路径问题  -->

    <!-- <img>(单标签) : 在页面中显示一个图片的 -->

    <!-- src属性: 用来指向一个图片的地址, 不可以被css取代 -->
    <!--        指向的这个图片的地址是一个url -->
    <!-- alt: 当图片加载失败的时候显示   -->


    <!--<img alt="图片加载失败..."  src="https://img1.baidu.com/it/u=1546227440,2897989905&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500">-->
    <!--<img alt="图片加载失败..."  src="http://localhost:63342/basecode/com/cskaoyan/www/fe/html/1.webp">-->


    <!-- 相对路径写法     -->
    <!--<img alt="图片加载失败..."  src="../1.webp">-->

    <!-- 如下错误写法: 浏览器会自动把相对路径转化为url. 上跳这么多级别, 已经无法有效转成url 了-->
    <!--<img alt="图片加载失败..."  src="../../../../../../../../../1.webp">-->


    <!-- 下面代码是错的: 这个代码在试图加载用户的资源  -->
    <!--<img alt="图片加载失败..."  src="C:/Users/snow/Desktop/1.webp">-->


<!--   前端中两种路径:
        1, 相对路径: ./   ../      ../../   ...
        2, 绝对路径: 在前端中是一个url
        (当这两种路径被浏览器所解析的时候,  浏览器会自动把相对路径转化为url.  其实都是url   )
        -->

<!--    Java中两种路径:
        1, 相对路径:  ./   ../      ../../   ...
        2, 绝对路径: 是一个盘符开头的路径   C:\Users\snow\Desktop\java54-course-materials
-->


</body>
</html>
